<div class="card">
    <div class="tpv-main-header clearfix">
        <div class="tpv-main-tab j-main-tab"></div>
    </div>
    <div class="card-block tpv-modal" id="mail-config" data-backdrop="static">
        <div class="modal-content">
            <div class="modal-body">
                <form id="user-add-form">
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.alert.enable}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                            
                                <div class="form-group">
                                	<div class="tpv-from-radio">
	                                    <label class="custom-control custom-radio">
	                                        <input name="email_alert_selection" type="radio" value="0" class="custom-control-input">
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">Off</span>
	                                    </label>
	                                    <label class="custom-control custom-radio">
	                                        <input name="email_alert_selection" type="radio" value="1" class="custom-control-input">
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">SMTP</span>
	                                    </label>
	                                    <!-- <label class="custom-control custom-radio">
	                                        <input name="eable-selection" type="radio" value="2" class="custom-control-input" checked> add jinhui.li 
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">MTA</span>
	                                    </label> -->
	                                </div>
                                    <!-- <input type="text" name="alertenable" class="form-control"> -->
                                    <!-- <select name="rolesSelect"></select>
                                    <input name="roles" hidden/> -->
                                    <span class="input-label-setting-hint">
                                    [[#{email.alert.enable.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row user_password">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.sending.address}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="email-address" value="" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.sending.address.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.sending.name}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="sending-name" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.sending.name.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.admin.address}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="admin-address" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.admin.address.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.smtp.host}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="smtp-host" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.smtp.host.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
					               	[[#{email.smtp.port}]]
                                 </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="smtp-port" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.smtp.port.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.smtp.username}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="smtp-username" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.smtp.username.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.smtp.password}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <input type="text" name="smtp-password" class="form-control">
                                    <span class="input-label-setting-hint">
                                    [[#{email.smtp.password.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group">
                            <div class="col-sm-2">
                                <span class="input-label-settings">
                                    [[#{email.smtp.secure}]]
                                </span>
                            </div>
                            <div class="col-sm-10">
                                <div class="form-group">
                                    <!-- <input type="text" name="smtp-secure" class="form-control"> -->
                                	<div class="tpv-from-radio">
                                		<label class="custom-control custom-radio">
	                                        <input name="smtp-secure" type="radio" value="5" class="custom-control-input">
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">Off</span>
	                                    </label>
                                		<label class="custom-control custom-radio">
	                                        <input name="smtp-secure" type="radio" value="6" class="custom-control-input">
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">SSL</span>
	                                    </label>
	                                    <label class="custom-control custom-radio">
	                                        <input name="smtp-secure" type="radio" value="7" class="custom-control-input">
	                                        <span class="custom-control-indicator"></span>
	                                        <span class="custom-control-description">TLS</span>
	                                    </label>
	                                </div>
	                              	<span class="input-label-setting-hint">
                                    [[#{email.smtp.secure.hint}]]
                                	</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-save" id="smtp-save" name="smtp-save" style="display:block;margin:0 auto">[[#{save}]]</button>
                <!-- <button type="button" class="btn btn-secondary btn-close">[[#{close}]]</button> -->
                <button class="btn-hide"></button>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{js/app/system/smtp/settings.js(t=${version})}"></script>